<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>     
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>我的伙伴</title>     
<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="stylesheet" href="http://code.jquery.com/mobile/latest/jquery.mobile.min.css" />
	<script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
	<script src="http://code.jquery.com/mobile/latest/jquery.mobile.min.js"></script>

	<script>
		function play(){
			var audio = document.getElementById("audio");
			if(audio.paused){
				audio.play();
			}else{
				audio.pause();
			}
		}
	</script>
</head>               
<body>
	<div data-role="page" data-theme="a">
		<div data-role="header">
			<a href="/partner/index" data-icon="home">主页</a>
			<h1>我的伙伴</h1>
			<a href="/partner/about" data-icon="info" class="ui-btn-right">关于</a>
		</div>
		<div data-role="content">
			<div data-role="controlgroup">
				<a href="#" data-role="button">喜欢你</a>
				<a href="#" data-role="button">
					<img src="/images/dengziqi.jpg" style="width:80%;"/>
				</a>
				<a href="#" data-role="button">喜欢你</a>
				<a href="#" data-role="button">邓紫棋</a>
			</div>
			<a href="" data-role="button" onclick="play()">播放/暂停
				<audio src="/music/loveyou.mp3" id="audio"></audio>
			</a>
		</div>
		<div data-role="footer">
			<h1>暂无歌词</h1>
		</div>
    </div>
</body>
</html>

